/*颜色值*/


/*start*/

.crame-default {
    background-color: rgb(216,216,216);
}

.crame-green {
    background-color: #67F40F;
}

.crame-orange {
    background-color: #FFB301;
}

.crame-red {
    background-color: #F10021;
}

.title-yellow {
    background-color: #F9F39F;
}

.title-blue {
    background-color: #C0E6F1;
}

.title-green {
    background-color: #D2E7AC;
}

.title-grey {
    background-color: #F0F0F0;
}

.title-red-title {
    background-color: #F5D7DF;
}

.title-red-title-font {
    color: #F5D7DF;
}


/*end*/

.cotainer {
    padding: 5px 0px;
}

.tab-content {
    padding: 4px 30px;
}

.convertor_panel {
    display: none;
    /*padding-top: 15px;*/
}


/*.sin-md6{ border:1px solid #000; padding-right: 15px; padding-left: 0px; } .convertor_monitor_left{ border:1px solid #000; } .convertor_monitor_right{ border:1px solid #000; }*/

.row-fluid {
    display: flex;
    justify-content: space-between;
}

.sin-md6 {
    flex: 1;
}

.md6-box {
    border: 1px dashed #337ab7;
    border-radius: 5px;
    text-align: center;
    /*padding: 20px 0;*/
    margin-bottom: 10px;
}

.convertor-img {
    width: 150px;
}

.crane-img {
    height: 284px;
    background: url('../img/dianhulu.png') no-repeat;
    /*-moz-background-size: cover; */
    background-size: 60% 90%;
    /*background-size: cover;*/
    background-position: center;
}

.info-box {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.info-box-title {
    /*padding-top: 8px;*/
    padding-bottom: 8px;
    color: #777;
    text-align: center;
    flex: 1;
}

.info-box-content {
    padding: 0px 0px 8px 0px;
    /*padding: 8px 0px;*/
    flex: 2;
    text-align: left;
}

.info-box-child {
    flex: 1;
    border: 1px dashed #337ab7;
    border-radius: 5px;
    padding: 5px 5px;
}

.left {
    margin-right: 5px;
}

.sin-top {
    margin-top: 8px;
}

.right {
    margin-left: 5px;
}

.table {
    margin-bottom: 0px;
}

.table>tbody>tr>td {
    font-size: 12px;
    padding: 6px;
}

.tdcls {
    color: #337ab7;
}

.label-status-default {
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 12px;
    color: #ffffff;
    margin-right: 10px;
    min-width: 36px;
}

.green {
    /*background-color: #5cb85c;*/
    background-color: #67F40F;
}

.gray {
    background-color: #ddd;
}

.blue {
    background-color: #337ab7;
}

.nopadding-up-down {
    padding: 0px 5px;
}

.table-status-center {
    text-align: center;
}

.curve-line {
    padding: 5px;
}

.line-box {
    display: flex;
    justify-content: space-between;
}

.line-box-right {
    text-align: center;
}


/*图表部分的样式，原来examples.css*/

.demo-container {
    /*box-sizing: border-box;*/
    width: 100%;
    height: 400px;
    /*    margin: 15px auto 30px auto;
    border: 1px solid #ddd;
    background: #fff;
    background: linear-gradient(#f6f6f6 0, #fff 50px);
    background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);*/
}

.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 12px;
    /*line-height: 1.2em;*/
}


/*.legend table {
    border-spacing: 5px;
}*/

.choices_cls {
    width: 150px;
    /*float: right;*/
    margin: 0px;
    padding-top: 5px;
}

.checkbox,
.radio {
    margin-top: 0px;
}


/*故障采样配置*/

.parameter-box {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 8px 20px;
    width: 100%;
    text-align: left;
}

.para-right-box {
    width: 350px;
    text-align: center;
    border-left: none;
}

.parameter-box-caption {
    padding: 15px 0px 8px 0px;
    color: #777;
}

.parameter-box-child {
    display: inline-block;
    text-align: left;
    margin: 5px;
    /*height: 42px;*/
    border: 1px solid #ccc;
    border-radius: 5px;
}

.child-title {
    display: inline-block;
    font-size: 12px;
    padding: 8px 12px;
    color: #333;
    text-align: center;
    background-color: #eee;
    border-radius: 4px 0px 0px 4px;
    border-right: 1px solid #ccc;
}

.child-status {
    display: inline-block;
    width: 100px;
    font-size: 12px;
    /*padding: 8px 12px;*/
    color: #337ab7;
    text-align: center;
    background-color: #ffffff;
    /*border: 1px solid #ccc;*/
    /*border-left:none;*/
    /*border-radius: 0px 4px 4px 0px;   */
}


/*弹窗口*/

.form-control {
    display: inline-block;
    width: 100px;
}


/*通道参数配置*/

.channel-choice-box {
    display: flex;
    padding: 5px 0px;
}

.channel-choice-box-left {
    flex: 1;
    text-align: right;
    padding-right: 10px;
}

.channel-choice-box-right {
    flex: 1;
    text-align: left;
    padding-left: 10px;
}

.channel_cls {
    width: 150px;
    border-radius: 4px;
    border: 1px solid #A9A9A9;
    padding: 4px 10px;
    margin-left: 8px;
    color: #337ab7;
}

.channel_interval_cls {
    width: 150px;
    border-radius: 4px;
    border: 1px solid #A9A9A9;
    padding: 4px 10px;
    margin-left: 8px;
    color: #337ab7;
}


/*航机*/


/*整机状态*/

.crane-full-right1 {
    display: flex;
}

.crane-full-state {
    padding: 5px;
    /*border: 1px solid #337ab7;*/
    /*border-radius: 0px;*/
}

.crane-full-right1-title {
    padding: 2px 8px;
    font-size: 12px;
}

.crane-full-right1-child {
    padding: 2px 8px;
    /*width: 40px;*/
}

.crane-child-img {
    padding: none;
    width: 40px;
}

.crane-full-right1-child span {
    display: inline-block;
    min-width: 36px;
    min-height: 10px;
    font-size: 12px;
}

.span-params {
    color: #338ECF;
}

.crane-child-img img {
    width: 40px;
    height: 20px;
}

.crane-full-right1-title-one span {
    height: 10px;
    font-size: 12px;
    display: inline-block;
    padding: 2px 6px;
}

.crane-full-right1-title-two {
    width: 100%;
    text-align: left;
    padding-left: 8px;
}

.img-title-txt {
    padding: 5px 0 5px 13px;
    /*13=5+8*/
    font-weight: bold;
    text-align: left;
}


/*中央视图*/

.crane-center-view {
    display: flex;
    color: #5D5B5B;
    padding-top: 8px;
}

.crane-center-view-child {
    flex: 1;
    /*padding: 2px 4px;*/
}

.crane-center-view-child span {
    display: inline-block;
    min-width: 36px;
    height: 10px;
    font-weight: bold;
    border-radius: 5px;
}

.crane-title-text {
    font-size: 16px;
}

.crane-light-box {
    display: flex;
    flex: 1;
}

.crane-light-box img {
    width: 60px;
    height: 60px;
    margin: 0 8px;
}

.crane-light-box-text {
    flex: 1;
    margin: 0 8px;
}

.dash-line {
    border-bottom: 1px solid #ddd;
    height: 8px;
}

.crane-light-box-power {
    display: flex;
    flex: 1;
    padding-left: 8px;
}

.crane-light-box-power-child {
    flex: 0;
    margin-left: 10px;
}


/*小车*/

.dolly-top1 {
    display: flex;
    padding: 5px;
}

.dolly-top1-box-child {
    margin-left: 10px;
}

.dolly-box1 {
    display: flex;
    justify-content: center;
    padding: 10px 5px 5px 5px;
}

.dolly-box1-child {
    flex: 1;
    display: flex;
    font-size: 16px;
}

.dolly-box1-child span {
    padding: 2px 10px;
    flex: 1;
}

.dolly-box1-child div {
    flex: 1;
    padding: 2px 8px;
}

.dolly-light-box {
    display: flex;
}

.dolly-light-box img {
    width: 60px;
    height: 60px;
}

.text-right {
    text-align: right;
}


/*起升机构*/

.hoist-box1-child {
    flex: 1;
    /*display: flex;*/
    font-size: 16px;
}

.hoist-box1-child-child {
    display: flex;
}

.hoist-box1-child-child span {
    flex: 1;
    padding: 2px 10px;
}


/*控制器 controller*/

.sin-flex-none {
    flex: 0;
}

.ctrl-right1 {
    padding: 5px;
}

.ctrl-right1-title {
    padding-left: 8px;
    text-align: left;
    margin-bottom: 6px;
}

.ctrl-right1-item-box {
    display: flex;
    padding: 8px 0;
}
/*.ctrl-right1-item-box span{
    flex: 1;
}*/

.ctrl-line-name {
    padding-left: 8px;
    margin-right: 10px;
    font-size: 16px;
    min-width: 44px;
}

.text-white {
    color: #ffffff;
}

.controller-text-size-mini div span {
    font-size: 12px;
}

.ctrl-btn {
    text-align: right;
    margin: 4px 13px 10px 0px;
}


